@cpeal:#E5DBCF;
@cnavy:#0F3B5F;
@ctussock:#CC9752;
@criogrande:#CCCC00;

@background-color: @cpeal;

.vpadding(@a:0px){
  padding-left: @a;
  padding-right: @a;
}

.botradius(@radius:2px){
  -moz-border-radius-bottomleft: @radius;
  -moz-border-radius-bottomright: @radius;
  border-bottom-left-radius: @radius;
  border-bottom-right-radius: @radius;
}

.topradius(@radius:2px){
  -moz-border-radius-topleft: @radius;
  -moz-border-radius-topright: @radius;
  border-top-left-radius: @radius;
  border-top-right-radius: @radius;
}

.radius(@radius:2px){
  .topradius(@radius);
  .botradius(@radius);
}

body {
  padding: 0px;
  margin: 0px;

  .container {
    .vpadding(10px);
    margin: 0px auto;
    width: 768px;
    background-color: @cpeal;
    min-height: 300px;
    .botradius(4px);

    h1, h2, h3 {
      margin: 0px;
      padding: 0px;
      text-transform: uppercase;
      color: @cnavy;
    }

    .media {
      .radius(4px);
      border: 1px solid @cnavy;
      background-color: @criogrande;
      min-height: 30px;
      margin-bottom: 5px;

      span:first-child {
        color: white;
      }

    }
  }
}
